{%extends "film_app/base.html"%}
{%load static%}

{%block show%}

<div class="video-grid-single-page-agileits">
    <!-- <div data-video="dLmKio67pVQ" id="video"> <img src="images/5.jpg" alt="" class="img-responsive" /> </div> -->

    <div id="video" style="width: 100%; height: 400px;max-width: 600px;">
    </div>
    <script type="text/javascript" src="{%static 'ckplayer/ckplayer.js'%}"
      charset="UTF-8"></script>
    <script type="text/javascript">
      var videoObject = {
        container: '#video',//“#”代表容器的ID，“.”或“”代表容器的class
        variable: 'player',//该属性必需设置，值等于下面的new chplayer()的对象
        flashplayer: false,//如果强制使用flashplayer则设置成true
        video: {
          file: '{{show}}',//视频地址
          type: 'video/m3u8'
        }
      };
      var player = new ckplayer(videoObject);
    </script>

      <div class="container">


          <div class="row">

  

              {%for url, name in url_list%}

              <div class="col-md-1 col-xs-3">
                <a href="{{url}}">{{name}}</a>
              </div>
              
                          
              {%endfor%}

          </div>
      </div>

  </div>

{%endblock show%}

